<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Machine Multi-Purpose HTML Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/themify-icons.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/pe-icon-7-stroke.min.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/flexslider.min.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/theme-sherbert.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/custom.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="http://fonts.googleapis.com/css?family=Roboto:100,400,300,700,400italic,500%7CMontserrat:400,700"
          rel="stylesheet" type="text/css">
</head>
<body>


<div class="nav-container">
    <nav class="nav-1">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <a href="index.html" class="home-link">
                        <img alt="Logo" class="logo" src="img/logo-square-light.png">
                    </a>
                    <ul class="menu">
                        <li class="has-dropdown"><a href="#">Home</a>
                            <ul class="subnav">
                                <li><a href="index.html">Classic Home</a></li>
                                <li><a href="home-2.html">Startup</a></li>
                                <li><a href="home-3.html">Rustic</a></li>
                                <li><a href="home-4.html">Agency</a></li>
                                <li><a href="home-5.html">One Page</a></li>
                                <li><a href="home-6.html">Personal</a></li>
                                <li><a href="home-7.html">Landing</a></li>
                            </ul>
                        </li>
                        <li class="has-dropdown"><a href="#">Pages</a>
                            <ul class="subnav">
                                <li class="has-dropdown-2"><a href="#">About</a>
                                    <ul class="subnav-level-2">
                                        <li><a href="about-1.html">About 1</a></li>
                                        <li><a href="about-2.html">About 2</a></li>
                                        <li><a href="about-3.html">About 3</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown-2"><a href="#">Services</a>
                                    <ul class="subnav-level-2">
                                        <li><a href="services-1.html">Services 1</a></li>
                                        <li><a href="services-2.html">Services 2</a></li>
                                        <li><a href="services-3.html">Services 3</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown-2"><a href="#">Coming Soon</a>
                                    <ul class="subnav-level-2">
                                        <li><a href="coming-soon-1.html">Coming Soon 1</a></li>
                                        <li><a href="coming-soon-2.html">Coming Soon 2</a></li>
                                    </ul>
                                </li>
                                <li><a href="404.html">404 Error</a></li>
                            </ul>
                        </li>
                        <li class="has-dropdown"><a href="#">Blog</a>
                            <ul class="subnav">
                                <li class="has-dropdown-2"><a href="#">Post Pages</a>
                                    <ul class="subnav-level-2">
                                        <li><a href="blog-1.html">Grid</a></li>
                                        <li><a href="blog-2.html">Grid Sidebar</a></li>
                                        <li><a href="blog-3.html">Image</a></li>
                                        <li><a href="blog-4.html">Image Sidebar</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown-2"><a href="#">Articles</a>
                                    <ul class="subnav-level-2">
                                        <li><a href="article-1.html">Article</a></li>
                                        <li><a href="article-2.html">Article Sidebar</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="has-dropdown"><a href="#">Work</a>
                            <ul class="subnav">
                                <li class="has-dropdown-2"><a href="#">Projects</a>
                                    <ul class="subnav-level-2">
                                        <li><a href="work-1.html">Filter Grid</a></li>
                                        <li><a href="work-2.html">Large Grid</a></li>
                                    </ul>
                                </li>
                                <li><a href="work-single-1.html">Single</a></li>
                            </ul>
                        </li>
                        <li class="has-dropdown"><a href="#">Shop</a>
                            <ul class="subnav">
                                <li><a href="shop-1.html">Products Grid</a></li>
                                <li><a href="product-1.html">Single Product</a></li>
                            </ul>
                        </li>
                        <li class="has-dropdown"><a href="#">Contact</a>
                            <ul class="subnav">
                                <li><a href="contact-1.html">Project Planner</a></li>
                                <li><a href="contact-2.html">Map & Instagram</a></li>
                                <li><a href="contact-3.html">Simple Form</a></li>
                            </ul>
                        </li>
                    </ul>

                    <ul class="social-links">
                        <li><a href="#"><i class="ti ti-twitter-alt"></i></a></li>
                        <li><a href="#"><i class="icon ti ti-vimeo-alt"></i></a></li>
                        <li><a href="#"><i class="icon ti ti-dribbble"></i></a></li>
                    </ul>

                    <div class="nav-functions">

                        <div class="search-bar">
                            <form class="search">
                                <input type="text" placeholder="" name="search">
                                <input type="submit" value="">
                                <i class="pe-7s-search"></i>
                            </form>
                        </div>
                    </div>
                </div>
            </div><!--end of row-->
        </div><!--end of container-->

        <div class="mobile-toggle">
            <div class="bar-1"></div>
            <div class="bar-2"></div>
        </div>
    </nav>
</div>

<div class="main-container">
    <section class="signup-divider overlay parallax">
        <div class="background-image-holder parallax-background overlay">
            <img alt="Slide Background" class="background-image" src="img/hero14.jpg">
        </div>

        <div class="container">
            <div class="row">
                <div class="col-sm-10 col-sm-offset-1 text-center">
                    <h1 class="text-white">We'll let you know when we're ready</h1>

                    <p class="text-white super-lead">Enter your email and you will receive a personalized URL for the
                        demo website,<br> where you can fully test the theme.</p>

                    <form class="form-newsletter" data-success="Thanks, we'll be in touch shortly."
                          data-error="Please enter a valid email address">
                        <input type="text" class="input-transparent validate-required validate-email signup-email-field"
                               placeholder="Email Address Here" name="email">
                        <input type="submit" class="btn btn-filled" value="Invite Me Now">
                        <!--<iframe class="mail-list-form"-->
                                <!--srcdoc="&lt;!&ndash; Begin MailChimp Signup Form &ndash;&gt; <link href=&quot;//cdn-images.mailchimp.com/embedcode/classic-081711.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;> <style type=&quot;text/css&quot;> 	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } 	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block. 	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ </style> <div id=&quot;mc_embed_signup&quot;> <form action=&quot;//mrare.us8.list-manage.com/subscribe/post?u=77142ece814d3cff52058a51f&amp;amp;id=d4b3d090a4&quot; method=&quot;post&quot; id=&quot;mc-embedded-subscribe-form&quot; name=&quot;mc-embedded-subscribe-form&quot; class=&quot;validate&quot; target=&quot;_blank&quot; novalidate>     <div id=&quot;mc_embed_signup_scroll&quot;> 	<h2>Subscribe to our mailing list</h2> <div class=&quot;indicates-required&quot;><span class=&quot;asterisk&quot;>*</span> indicates required</div> <div class=&quot;mc-field-group&quot;> 	<label for=&quot;mce-EMAIL&quot;>Email Address  <span class=&quot;asterisk&quot;>*</span> </label> 	<input type=&quot;email&quot; value=&quot;&quot; name=&quot;EMAIL&quot; class=&quot;required email&quot; id=&quot;mce-EMAIL&quot;> </div> <div class=&quot;mc-field-group&quot;> 	<label for=&quot;mce-FNAME&quot;>First Name </label> 	<input type=&quot;text&quot; value=&quot;&quot; name=&quot;FNAME&quot; class=&quot;&quot; id=&quot;mce-FNAME&quot;> </div> <div class=&quot;mc-field-group&quot;> 	<label for=&quot;mce-LNAME&quot;>Last Name </label> 	<input type=&quot;text&quot; value=&quot;&quot; name=&quot;LNAME&quot; class=&quot;&quot; id=&quot;mce-LNAME&quot;> </div> 	<div id=&quot;mce-responses&quot; class=&quot;clear&quot;> 		<div class=&quot;response&quot; id=&quot;mce-error-response&quot; style=&quot;display:none&quot;></div> 		<div class=&quot;response&quot; id=&quot;mce-success-response&quot; style=&quot;display:none&quot;></div> 	</div>    &lt;!&ndash; real people should not fill this in and expect good things - do not remove this or risk form bot signups&ndash;&gt;     <div style=&quot;position: absolute; left: -5000px;&quot;><input type=&quot;text&quot; name=&quot;b_77142ece814d3cff52058a51f_d4b3d090a4&quot; tabindex=&quot;-1&quot; value=&quot;&quot;></div>     <div class=&quot;clear&quot;><input type=&quot;submit&quot; value=&quot;Subscribe&quot; name=&quot;subscribe&quot; id=&quot;mc-embedded-subscribe&quot; class=&quot;button&quot;></div>     </div> </form> </div> <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script> &lt;!&ndash;End mc_embed_signup&ndash;&gt;">-->
                        <!--</iframe>-->
                    </form>
                    <span class="text-white">*We will <strong>never</strong> share your email address with third parties</span>
                </div>
            </div><!--end of row-->
        </div><!--end of container-->
    </section>


    <footer class="footer-2">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <a href="index.html">
                        <img alt="logo" class="logo" src="img/logo-square-dark.png">
                    </a>
                    <span class="tagline">Machine multi-purpose<br> premium template</span>
                </div>

                <div class="col-sm-6 text-right">
                    <ul class="social-links">
                        <li><a href="#"><i class="icon ti ti-twitter-alt"></i></a></li>
                        <li><a href="#"><i class="icon ti ti-facebook"></i></a></li>
                        <li><a href="#"><i class="icon ti ti-dribbble"></i></a></li>
                    </ul>
                </div>
            </div><!--end of row-->

            <div class="row">
                <div class="col-xs-12">
                    <div class="footer-lower">
                        <a class="text-link" href="#">hello@machine.net <i
                                class="icon ti ti-arrow-right arrow_right"></i></a>
                        <span class="copyright">© Copyright 2014 Medium Rare</span>
                    </div>
                </div>
            </div><!--end of row-->
        </div><!--end of container-->
    </footer>
</div>


<script src="js/jquery.min.js"></script>


<script src="js/bootstrap.min.js"></script>
<script src="js/skrollr.min.js"></script>
<script src="js/flexslider.min.js"></script>
<script src="js/lightbox.min.js"></script>
<script src="js/twitterfetcher.min.js"></script>
<script src="js/spectragram.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/jquery.plugin.min.js"></script>
<script src="js/countdown.min.js"></script>
<script src="js/placeholders.min.js"></script>
<script src="js/parallax.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>

				